<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>会员中心</title>
    <link rel="stylesheet" href="css/return.css" />
    <link rel="stylesheet" href="../common/normalize.css" />
    <link rel="stylesheet" href="../iccon/iconfont.css" />
    <!-- 日期插件 -->
    <link rel="stylesheet" type="text/css" href="../components/date/date.css" />
    <!-- -->
  </head>
  <body>
    <div class="container">
      <ul class="breadcrumb">
        <li>
          <span class="icon iconfont">&#xe734;</span>
        </li>
        <p>/</p>
        <li><a href="account.html" style="color: #000000">会员中心</a></li>
        <p>/</p>
        <li><a href="#">商品退换</a></li>
      </ul>
      <div class="row">
        <div class="col-sm-left">
          <h1>商品退换</h1>
          <p>请完整填写下表，并获取RMA号。</p>
          <form action="#" method="post">
            <fieldset class="fieldset_one">
              <legend>订单信息</legend>
              <div class="required">
                <label for="input-firstname" class="required-information"
                  >名字</label
                >
                <div>
                  <input type="text" class="normal-input" placeholder="名字" />
                </div>
              </div>
              <div class="required">
                <label for="input-firstname" class="required-information"
                  >姓氏</label
                >
                <div>
                  <input type="text" class="normal-input" placeholder="姓氏" />
                </div>
              </div>
              <div class="required">
                <label for="input-firstname" class="required-information"
                  >电子邮箱</label
                >
                <div>
                  <input
                    type="text"
                    class="normal-input"
                    placeholder="电子邮箱"
                  />
                </div>
              </div>
              <div class="required">
                <label for="input-firstname" class="required-information"
                  >电话</label
                >
                <div>
                  <input type="text" class="normal-input" placeholder="电话" />
                </div>
              </div>
              <div class="required">
                <label for="input-firstname" class="required-information"
                  >订单号</label
                >
                <div>
                  <input
                    type="text"
                    class="normal-input"
                    placeholder="订单号"
                  />
                </div>
              </div>
              <div class="required">
                <label for="input-firstname" class="other-information"
                  >订单日期</label
                >
                <div>
                  <div class="input-data">
                    <input
                      type="text"
                      class="normal-input date-input"
                      placeholder="订单日期"
                    />
                    <span class="icon iconfont date_picker" id="demo">
                      <button class="select-date date_picker" />
                      &#xe662;
                    </span>
                  </div>
                </div>
              </div>
            </fieldset>
            <fieldset class="fieldset_two">
              <legend>商品信息 & 退换原因</legend>
              <div class="required">
                <label for="input-firstname" class="required-information"
                  >商品名称</label
                >
                <div>
                  <input
                    type="text"
                    class="normal-input"
                    placeholder="商品名称"
                  />
                </div>
              </div>
              <div class="required">
                <label for="input-firstname" class="required-information"
                  >商品型号</label
                >
                <div>
                  <input
                    type="text"
                    class="normal-input"
                    placeholder="商品型号"
                  />
                </div>
              </div>
              <div class="required">
                <label for="input-firstname" class="other-information"
                  >数量</label
                >
                <div>
                  <input type="text" class="normal-input" placeholder="数量" />
                </div>
              </div>
              <div class="required radio_required">
                <label for="input-firstname" class="required-information"
                  >退换原因</label
                >
                <div class="radio_label">
                  <label class="radio_input">
                    <input type="radio" name="return_reason" id="radio_other" />
                    <label for="radio_other">其它，请添加描述</label>
                  </label>
                  <label class="radio_input">
                    <input
                      type="radio"
                      name="return_reason"
                      id="radio_wrongGoods"
                    />
                    <label for="radio_wrongGoods">发错商品</label>
                  </label>
                  <label class="radio_input">
                    <input
                      type="radio"
                      name="return_reason"
                      id="radio_damage"
                    />
                    <label for="radio_damage">商品损坏，请添加描述</label>
                  </label>
                  <label class="radio_input">
                    <input
                      type="radio"
                      name="return_reason"
                      id="radio_receive"
                    />
                    <label for="radio_receive">未收到货</label>
                  </label>
                  <label class="radio_input">
                    <input
                      type="radio"
                      name="return_reason"
                      id="radio_wrongBuy"
                    />
                    <label for="radio_wrongBuy">错误下单</label>
                  </label>
                </div>
              </div>
              <div class="required">
                <label for="input-firstname" class="required-information"
                  >商品型号</label
                >
                <div>
                  <input
                    type="text"
                    class="normal-input"
                    placeholder="商品型号"
                  />
                </div>
              </div>
              <div class="required required-infor">
                <label
                  for="input-firstname"
                  class="other-information label-describe"
                  >详细描述</label
                >
                <div>
                  <textarea
                    name="comment"
                    class="normal-input describe-detail"
                    placeholder="详细描述"
                    id="input-comment"
                    cols="30"
                    rows="10"
                  ></textarea>
                </div>
              </div>
              <div class="required">
                <label for="input-firstname" class="required-information"
                  >请输入验证码</label
                >
                <div>
                  <input type="text" class="normal-input code-input" />
                </div>
              </div>
            </fieldset>
            <div class="offset">
              <input type="checkbox" />
              <p>我已经阅读并同意</p>
              <p class="private">隐私政策</p>
            </div>
            <div class="offset">
              <input type="submit" class="submit" />
            </div>
          </form>
        </div>
        <div class="col-sm-right">
          <h3>
            <span class="icon iconfont">&#xe60f;</span>
            会员中心
          </h3>
          <ul>
            <a href="#">我的账户</a>
            <a href="#">编辑账户</a>
            <a href="#">修改密码</a>
            <a href="#">地址管理</a>
            <a href="#">收藏列表</a>
            <a href="#">历史订单</a>
            <a href="#">文件下载</a>
            <a href="#">我的积分</a>
            <a href="#">商品退换</a>
            <a href="#">我的余额</a>
            <a href="#">邮件订阅</a>
            <a href="#">退出账户</a>
          </ul>
        </div>
      </div>
    </div>
  </body>
  <script src="http://www.jq22.com/jquery/1.8.3/jquery.min.js"></script>
  <script></script>
</html>
